Testing and Deployment

Back to Documentation Intro Contents

Testing

• Testing in Next.js and React
• Review the testing resources saved in Todoist
• Set up testing throughout the application based on its requirements
• Testing Trophy and Testing Classifications
  • Static tests (ESLint, TypeScript) - Done automatically in VS Code e.g. typos and type errors
  • Unit tests (Jest)
  • Integration tests (React Testing Library / Cypress)
  • E2E tests (Playwright / Cypress)
    • E2E Playwright testing with Next.js
    • Ultimate Guide to Visual Testing with Playwright
• Use ChatGPT or Codeium to write some simple tests

Deployment

• Set up deployment to the hosting service of choice
• Recommend Netlify for a simple deployment
• Set up additional Netlify integrations (e.g. Lighthouse, Checklinks, HTML Validate). Link is here once deployed. (!NOTE - Not yet got these working on a repo)
  • Must haves
    • LightHouse - Automatically run a Lighthouse audit on your website after every build.
    • Checklinks - Checklinks helps you keep all your asset references correct and avoid embarrassing broken links to your internal pages, or even to external pages you link out to.
    • HTML Validate - Validate HTML generated by your build.
  • Possible haves
    • Image Optim - Optimize images as part of your Netlify build process.
    • Is Website Vulnerable - A Netlify plugin that uses Snyk to test for security vulnerabilities in a website's JavaScript libraries.
    • Minify HTML - A plugin to add HTML minification as a post-processing optimisation in Netlify.
    • Snyk Security - A Snyk Netlify plugin to find and monitor new security vulnerabilities in JavaScript libraries (also see below).